<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>购买</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/buy.css">
</head>
<body>
    <div id="head">
        <p>拼粮</p><a href=""><i class="iconfont">&#xe638;</i></a>
    </div>
    <section>
        <div class="banner">
            <img src="../imgs/buy.jpg" alt="">
            <a href="" class="return"><i class="iconfont">&#xe605;</i>返回</a>
            <a href="" class="addMark"><i class="iconfont">&#xe637;</i></a>
        </div>
        <div class="priceBox">
            <div class="priceInfo">
                <div class="newPrice">
                    <span>￥</span>
                    <p>998</p>
                    <i>抢购价</i>
                </div>
                <p class="oldPrice">￥2999原价</p>
                <p class="priceName">A级-砂糖橘</p>
                <p class="priceDetail">详情介绍详情介绍详情介</p>
            </div>
            <div class="ticket">
                <img src="../imgs/youhui.jpg" alt="">
                <p>已售152件</p>
            </div>
        </div>
        <div class="baoyou">
            <div class="select">
                <span>已选</span>
                <p>一份（半斤）</p>
                <i class="iconfont">&#xe63d;</i>
            </div>
            <div class="service">
                <span>服务</span>
                <p>全国包邮</p>
            </div>
        </div>
        <div class="priceComm">
            <div class="comment">
                <p style="margin-right:0.07rem;">商品评价</p>
                <p>(9527)</p>
            </div>
            <div class="allComment">
                <p>查看全部 <i class="iconfont" style="font-size:0.18rem;">&#xe65e;</i></p>
            </div>
        </div>
        <div class="userComm">
            <div class="userPic">
                <div class="uesrPicBox">
                    <img src="../imgs/user.jpg" alt=""><p>匿名</p>
                </div>
                <div class="userStar">
                    <i class="iconfont">&#xe601;</i>
                </div>
            </div>
            <div class="userText">
                <p>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</p>
            </div>
            <div class="userPicture">
                <img src="../imgs/comment.jpg" alt="">
            </div>
            <div class="commTime">
                <p>一份（半斤）</p>
                <span>评价日期：2019-01-05</span>
            </div>
        </div>
        <div class="isUp">
            <i class="iconfont" style="font-size:0.1rem;">&#xe624;</i>上拉查看详情页面
        </div>
        <div class="footer">
            <div class="kefuSc">
                <div class="kefu">
                    <i class="iconfont">&#xe70c;</i>
                    <span>客服</span>
                </div>
                <div class="shouc">
                    <i class="iconfont">&#xe637;</i>
                    <span>收藏</span>
                </div>
            </div>
            <div class="addCar">加入购物车</div>
            <div class="pay">立即购买</div>
        </div>
    </section>
    <div class="addShoppingCar">
        <div class="carMain">
            <div class="main">
                <div class="commodity">
                    <img src="../imgs/121.jpg" alt="">
                    <div class="addPrice">
                        <div class="newPrice">
                            <span>￥</span>
                            <p>998</p>
                            <i>抢购价</i>
                        </div>
                        <p class="oldPrice" style="text-decoration: none;">选择规格</p>
                    </div>
                </div>
                <div class="selectComm">
                    <p>选择:</p>
                    <div class="isSelect">
                        <span>一份（半斤）</span>
                        <span>礼盒装（半斤）</span>
                    </div>
                </div>
                <div class="carNumber">
                    <p>数量：</p>
                    <div class="addNumber">
                        <i class="iconfont" style="font-size:0.28rem;">&#xe693;</i>
                        <span>1</span>
                        <i class="iconfont" style="font-size:0.28rem;color:#09bf5a;">&#xe61a;</i>
                    </div>
                </div>
                <p>优惠券：</p>
                <div class="youhuiquan">
                    <img src="../imgs/youhui.jpg" alt="">
                </div>
            </div>
            <div class="addBtn"><p>加入购物车</p></div>
        </div>
    </div>
    <div class="addShoppingCar nowBuy">
        <div class="carMain">
            <div class="main">
                <div class="commodity">
                    <img src="../imgs/121.jpg" alt="">
                    <div class="addPrice">
                        <div class="newPrice">
                            <span>￥</span>
                            <p>998</p>
                            <i>抢购价</i>
                        </div>
                        <p class="oldPrice" style="text-decoration: none;">选择规格</p>
                    </div>
                </div>
                <div class="selectComm">
                    <p>选择:</p>
                    <div class="isSelect">
                        <span>一份（半斤）</span>
                        <span>礼盒装（半斤）</span>
                    </div>
                </div>
                <div class="carNumber">
                    <p>数量：</p>
                    <div class="addNumber">
                        <i class="iconfont" style="font-size:0.28rem;">&#xe693;</i>
                        <span>1</span>
                        <i class="iconfont" style="font-size:0.28rem;color:#09bf5a;">&#xe61a;</i>
                    </div>
                </div>
                <p>优惠券：</p>
                <div class="youhuiquan">
                    <img src="../imgs/youhui.jpg" alt="">
                </div>
            </div>
            <div class="addBtn" style="background: #06bb58;"><p>立即购买</p></div>
        </div>
    </div>
</body>
</html>